<template>
  <div v-if="visible" class="box">
    御剑乘风来,除魔天地间!==alert
    <el-button @click="close"> 关闭对话框</el-button>
  </div>
</template>
<script>
export default {
  name: '',
  props: ['visible'],
  data () {
    return {}
  },
  created () {},
  computed: {},
  methods: {
    close () {
      this.$emit('update:visible', false)
    }
  }
}
</script>
<style lang='less'  scoped>
.box {
  position: fixed;
  width: 50vw;
  height: 50vh;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}
</style>
